<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
	<head th:include="/common/shop_common :: source"></head>
	
	<body>
	<div th:include="/common/shop_common :: header"></div>
	<!--banner-->
	<div class="banner-top" >
		<div class="container">
			<h2 class="animated wow fadeInLeft" data-wow-delay=".5s">店长推荐</h2>
			<h3 class="animated wow fadeInRight" data-wow-delay=".5s"><a href="index.html">Home</a><label>/</label>Products<label>/</label>Women's</h3>
			<div class="clearfix"> </div>
		</div>
	</div>
	<div style="width:100%;height:25px">
	</div>
	<div class="content-top">
		<div class="col-md-5 col-md1 animated wow fadeInLeft"
			data-wow-delay=".1s">
			<div class="col-3">
				<a href="javascript:msg();"><img th:src="@{/webstore/images/017.jpg}" style="min-height: 550px;min-weight: 700px"
					class="img-responsive " alt="">
					<div class="col-pic">
						<h5>水果特惠</h5>
						<p>畅销水果价格特惠</p>
					</div></a>
			</div>
		</div>
		<div class="col-md-7 col-md2 animated wow fadeInRight" data-wow-delay=".1s">
			<div class="col-sm-4 item-grid simpleCart_shelfItem">
				<div class="grid-pro">
					<div class="grid-product ">
						<figure>
							<a th:href="@{/customer/signle?id=1}">
								<span class="grid-img">
									<img th:src="@{/webstore/images/001.png}" class="img-responsive" alt=""></img>
								</span >
							</a>
						</figure>
					</div>
					<div class="women">
						<h6>
							<a th:href="@{/customer/signle?id=1}">查看详情</a>
						</h6>
						<p>
							<del>$100.00</del>
							<em class="item_price">$70.00</em>
						</p>
						<a href="javascript:addcar(1);" data-text="加入购物车" class="but-hover1 item_add">加入购物车</a>
					</div>
				</div>
			</div>
			
			<div class="col-sm-4 item-grid simpleCart_shelfItem">
				<div class="grid-pro">
					<div class="grid-product ">
						<figure>
							<a th:href="@{/customer/signle?id=2}">
								<span class="grid-img">
									<img th:src="@{/webstore/images/002.png}" class="img-responsive" alt=""></img>
								</span >
							</a>
						</figure>
					</div>
					<div class="women">
						<h6>
							<a th:href="@{/customer/signle?id=2}">查看详情</a>
						</h6>
						<p>
							<del>$100.00</del>
							<em class="item_price">$70.00</em>
						</p>
						<a href="javascript:addcar(2);" data-text="加入购物车" class="but-hover1 item_add">加入购物车</a>
					</div>
				</div>
			</div>
			
			<div class="col-sm-4 item-grid simpleCart_shelfItem">
				<div class="grid-pro">
					<div class="grid-product ">
						<figure>
							<a th:href="@{/customer/signle?id=3}">
								<span class="grid-img">
									<img th:src="@{/webstore/images/003.png}" class="img-responsive" alt=""></img>
								</span >
							</a>
						</figure>
					</div>
					<div class="women">
						<h6>
							<a th:href="@{/customer/signle?id=3}">查看详情</a>
						</h6>
						<p>
							<del>$100.00</del>
							<em class="item_price">$70.00</em>
						</p>
						<a href="javascript:addcar(3);" data-text="加入购物车" class="but-hover1 item_add">加入购物车</a>
					</div>
				</div>
			</div>
			
			<div class="clearfix"></div>
		</div>
		
		<div class="clearfix"></div>
	</div>
	<!----->
	<!---->
	<div class="content-top">
		<div class="col-md-7 col-md2 animated wow fadeInRight" data-wow-delay=".1s">
			<div class="col-sm-4 item-grid simpleCart_shelfItem">
				<div class="grid-pro">
					<div class="grid-product ">
						<figure>
							<a th:href="@{/customer/signle?id=5}">
								<span class="grid-img">
									<img th:src="@{/webstore/images/005.png}" class="img-responsive" alt=""></img>
								</span >
							</a>
						</figure>
					</div>
					<div class="women">
						<h6>
							<a th:href="@{/customer/signle?id=5}">查看详情</a>
						</h6>
						<p>
							<del>$100.00</del>
							<em class="item_price">$70.00</em>
						</p>
						<a href="javascript:addcar(5);" data-text="加入购物车" class="but-hover1 item_add">加入购物车</a>
					</div>
				</div>
			</div>
			
			<div class="col-sm-4 item-grid simpleCart_shelfItem">
				<div class="grid-pro">
					<div class="grid-product ">
						<figure>
							<a th:href="@{/customer/signle?id=4}">
								<span class="grid-img">
									<img th:src="@{/webstore/images/004.png}" class="img-responsive" alt=""></img>
								</span >
							</a>
						</figure>
					</div>
					<div class="women">
						<h6>
							<a th:href="@{/customer/signle?id=4}">查看详情</a>
						</h6>
						<p>
							<del>$100.00</del>
							<em class="item_price">$70.00</em>
						</p>
						<a href="javascript:addcar(4);" data-text="加入购物车" class="but-hover1 item_add">加入购物车</a>
					</div>
				</div>
			</div>
			
			<div class="col-sm-4 item-grid simpleCart_shelfItem">
				<div class="grid-pro">
					<div class="grid-product ">
						<figure>
							<a th:href="@{/customer/signle?id=6}">
								<span class="grid-img">
									<img th:src="@{/webstore/images/006.png}" class="img-responsive" alt=""></img>
								</span >
							</a>
						</figure>
					</div>
					<div class="women">
						<h6>
							<a th:href="@{/customer/signle?id=6}">查看详情</a>
						</h6>
						<p>
							<del>$4.00</del>
							<em class="item_price">$3.50</em>
						</p>
						<a href="javascript:addcar(6);" data-text="加入购物车" class="but-hover1 item_add">加入购物车</a>
					</div>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
		<div class="col-md-5 col-md1 animated wow fadeInLeft"
			data-wow-delay=".1s">
			<div class="col-3">
				<a href="javascript:msg();"><img th:src="@{/webstore/images/017.jpg}" style="min-height: 550px;min-weight: 700px"
					class="img-responsive " alt="">
					<div class="col-pic">
						<h5>蔬菜特惠</h5>
						<p>畅销水果价格特惠</p>
					</div></a>
			</div>
		</div>
		<div class="clearfix"></div>
	</div>

	<!--products-->
	<div class="social animated wow fadeInDown" data-wow-delay=".1s">
		<div class="container">
			<div class="col-sm-3 social-ic">
				<a href="#">关于我们</a>
			</div>
			<div class="col-sm-3 social-ic">
				<a href="#">私信客服</a>
			</div>
			<div class="col-sm-3 social-ic">
				<a href="#">商业合作</a>
			</div>
			<div class="col-sm-3 social-ic">
				<a href="#">其他帮助</a>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
	
	<script type="text/javascript">
	$(function(){
		
	})
	
	function addcar(id){
		layer.confirm('确定加如购物车？', {
			  btn: ['取消','确定']
			}, function(){
			  layer.msg('期待您的下此购买', {icon: 6});
			}, function(){
				$.ajax({  
		            type: 'post',  
		            dataType: 'json',  
		            url: basePath + '/shopcar/addCar',  
		            data: {
		            	productId:id
		            },  
		            cache: false,  
		            async: true,  
		            success: function (data) {
		            	if(data.code!="200"){
		            		layer.alert('请登陆个人账户', {icon: 2},function(){
		            			window.location.href=basePath+"/user/login"
		            		});
		            	}else{
		            		layer.msg(data.msg, {icon: 6}); 
		            	} 
		            }  
		        });
			});
	}
	</script>
</body>
</html>